
@charset "utf-8";

html {color: #333;font: 12px Tahoma,Arial, sans-serif;background-color:white;}
body, h1, h2, h3, h4, h5, h6,h7,img, p, dl, dt, dd, ol, ul, li,tr, th, td {
	margin: 0;
	padding: 0;
}

ol, ul {list-style: none;}
img { border: 0 none;vertical-align:middle;}

/* head content  footer
--------------------------------------------------------------------------------------- */
#wrapper{width:990px; margin: 0 auto;background: none repeat scroll 0 0 #F7F7F7;}
#nav {margin: 0 auto; height:50px;}
#head{margin: 0 auto;background:url(../image/head.png) no-repeat; height:100px;}
#nav li{float:left;}


#content{ margin: 6px auto;}


#footer {
    border-top: 2px solid #FE9B08;
    font-size: 14px;
    margin: 10px auto 0;
    padding: 16px 8px;
	background: none repeat scroll 0 0 #ffffff;
}

#footer li { line-height: 20px;font-size:12px;}
.image-loading {
    background: url("../image/loading.gif") no-repeat scroll 50% 50% transparent;
}
a {color:#000000;cursor:pointer; text-decoration:none}
a:hover {color:#FE9B08;text-decoration:underline;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;	border-spacing:0;}



input[type="text"]{
	border: 1px solid #ccc;
	vertical-align: middle;
	-moz-border-radius: 2px 2px 2px 2px;
    padding:3px;	
	background-color: #fff;
}


input[type="radio"],input[type="checkbox"]{border:none;vertical-align: middle;}

select {
	vertical-align: middle;
	color: #666;
	border: 1px solid #ccc;
    padding:2px;
	background-color: #fff;	
}


textarea {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 6px;
	font-size:12px;
}

label {
	font-family: Tahoma;
	vertical-align: middle;
}

input:focus,select:focus,textarea:focus{border-color:#00a9ec}  /*  form 表单输入状态时的 border变色 */


/* CSS pool
--------------------------------------------------------------------------------------- */

/*  所有 文字颜色 大小 粗细 全局通用的   */

/*  彩色字体  */
.colorred{color:#FF2020}  /*  红色  */
.colorgreen{color:#63CB54} /*  绿色  */
.colororange{color:#FE8C1A} /*  橙色  */
.colorblue{color:#3679BE} /*  兰色  */
.colorwhite{color:#fff;}/*  白色  */

/*  黑白字体  */
.color333{color:#333;	} /*  深灰色  */
.color666{color:#666;	} /*  中等深灰色  */
.color999{color:#999;	} /*  50%灰色  */
.colorccc{color:#ccc;	} /*  #ccc灰色  */
.coloreee{color:#eee;	} /*  #eee灰色  */

.fontbold{font-weight:bold;} /*  粗体  */

.font_s12 {font-size:12px;} 
.font_s14 {font-size:14px;} 
.font_s16 {font-size:16px;}
.font_s18 {font-size:18px;}
.font_s20 {font-size:20px;}

.lh160{line-height:160%;}
.lh180{line-height:180%;}
.lh210{line-height:210%;}
.lh270{line-height:270%;}

/* 多于文字 显示为...*/
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
	display: block;
	}
	
/*  英文字体换行  */
.wordbreak {
	word-wrap: break-word;
	overflow: hidden;
}

/*  全局 margin 属性   */
.m0{margin:0}
.m5{margin:5px;}
.p5{padding:5px;}
.m10{margin:10px;}
.p10{padding:10px;}

.ml5  {margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mr5  {margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.mt5  {margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb5  {margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

/*  全局 padding  属性   */

.pl5 {padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pt5 {padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}

.pb5 {padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.pr5 {padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}

/*  全局 文字对齐  属性   */

.ta_c{text-align: center;}
.ta_l{text-align: left;}
.ta_r{text-align: right;}

.ov_h{overflow: hidden;}
.ov_s{overflow: scroll;}
.ovy_s{ overflow-y:scroll;}
.db{display:block}
.dn {display: none;}
.di {display: inline;}
.dib{display:inline-block;-moz-inline-stack:inline-block;}

.clearb{clear: both}
.clearr{clear: right}
.clearl{clear: left;}

.prel{position: relative;}
.pabs{position: absolute;}

.rr{float:right}
.ll{float:left}

/*  清除浮动，不占高度  */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix {
*zoom:1
}




/* 左侧菜单 css*/
.leftmenu_shell { width:185px; min-height:500px; background-color:#; overflow: hidden; float:left; margin-bottom:20px;}
.leftmenu_box { background-color:#fff; border-radius:5px; border:1px solid #e3e4df; margin-bottom:16px; padding:6px;}
.leftmenu_title { border-bottom:1px solid #4c8500;padding:8px 0;font-family:"微软雅黑";font-size:14px;color:#4c8500;}
.leftmenu_box ul { margin:0 10px; margin-bottom:16px;}
.leftmenu_box li { border-bottom:1px dotted #e3e3df; padding:6px 4px; font-size:12px; line-height:140%;}
.leftmenu_box li  a { }
.leftmenu_box li  a:hover { }
.leftmenu_box .list li{ font-weight:bold; padding:8px 0;}
.leftmenu_box .list li a{color:#1969A8;}

/* 左侧菜单 css end*/

/* 右侧内容 */
.right_shell { width:780px; float:right;  }

/* 中间内容 */
.centent_shell { width:800px; margin:0 auto;  }



/*tab 切换*/
.switch_tab {
	background:#f8f8f8;
    border-bottom:2px solid #c3d96d;
	overflow:hidden;
	 height:28px;
	padding-left:10px;
	}

.switch_tab li {
    background: #ebebeb;
	border:1px solid #ccc;
	border-bottom:none;
    float: left;
    padding: 4px 10px 6px 10px;
    text-align: center;
	font-size:13px;
	cursor: pointer;
	margin: 0 6px -3px 0;
	display:inline;
	font-family:微软雅黑;
	}
	
.switch_tab li:hover{
    border-color: #c3d96d;
	color:#1FAFF5;
	}

.switch_tab_current {
	color:#fff!important;
	background: none repeat scroll 0 0 #c5e78e!important;
	background: -moz-linear-gradient(top, #c3d96d, #a7bd50)!important;
}

/* 表格 table  */
.tablebox {
	margin-bottom:10px;
	width:100%;
	}
.tablebox tr th{
	background:#eee;
	border: 1px solid #DBDADA;
	padding: 5px;
	text-align:center;
	}
.tablebox tr td {
    border: 1px solid #DBDADA;
    padding: 5px;
	text-align:center;
}

/*tab css 切换*/
.con_setTab{
    background:#F8F8F8;
    border: 1px solid #C9E4F5;
    height: 30px;
	margin-bottom:10px;
}
.con_setTab li{
	background: #e7f1f7;
    border: 1px solid #c9e4f5;
	border-top:none;
	border-left:none;
    color: #404040;
    float: left;
    line-height:30px;
	padding:0 10px;
    text-align: center;
	overflow:hidden;
	color:#017cc8;
	}
.con_setTab li a{
	text-decoration:none;
	}
.con_setTab .selected{
	background: #fff;
	}
		
	
	
	

/*head*/
.head_login { background: #FFF; width:100%; border-bottom: 1px solid #CCC;  padding: 8px 0; overflow:hidden;}
.ico_new { background:url(../image/new-text.png) no-repeat; padding-left:20px;}
.head_bk { height:70px;}
.head_login ul{ float:right;}
.head_login ul li{ background:url(../image/icon.gif) no-repeat left center; float:left; padding-left:15px; margin:0 8px;}


.index_announce {width:270px; float:right;}
.rightmenu { background-color:#e1eace; border-radius:3px; border:1px solid #e3e4df; margin-bottom:10px; padding:0 10px;} 


.focus_block {width:700px;float:left;}
.index_news {border: 1px solid #E3E4DF;border-radius:3px;margin-bottom:8px;padding:8px; background:#fefefe; overflow:hidden;}
.index_news ul {margin-top:8px;}
.index_news li {line-height:27px;}

.course_category_title{ background:url(../image/news_list_icon_01.png) no-repeat;}
.course_category_title_02 { background:url(../image/news_list_icon_03.png) no-repeat;}
.course_category_title_01 {font-size: 15px; font-family:"微软雅黑";color:#fff; padding:7px 6px 9px 15px;margin-bottom:5px;background:url(../image/tit_02.png) no-repeat; }
.course_category_title_font{font-size: 15px; font-family:"微软雅黑";color:#fff; padding:2px 6px 5px 10px; margin-bottom:5px;}

.benke { text-align:center;  background:#e8eef4; display:block; width:100px; height:20px; margin:10px; padding:20px 0; }
.zhuanke { text-align:center;  background:#e8eef4;display:block; width:100px;height:15px;margin:10px;padding:15px 0; }

.class_listbox li {white-space:nowrap; text-align:center;padding-right:16px; line-height:19px;zoom:1; display:inline-block; _display:inline; *display:inline; }

.index_news_2box {width:345px; float:left; }
.index_news_2box li { line-height:25px; padding-left:20px; background:url(../image/clickandbuy.png) no-repeat 0px 8px;}

.index_car_box {border: 1px solid #E3E4DF;border-radius:3px;margin-bottom:8px;padding:8px; background:#fefefe; overflow:hidden;}
.index_car_box ul {margin-top:8px;}
.index_car_box li {float:left;margin-right:6px;margin-bottom:5px;}
.index_car_box li  img{border: 1px solid #E3E4DF;}

.index_car_box  li p {
    display: block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    width: 120px;
}


.index_left_shell {    float: left;overflow: hidden;width: 232px;}

.index_left_btns {
	-moz-border-radius: 5px;
	-webkit-border-radius:5px; 
	border-radius:5px;
	background:#e8f0da;
    color: #8b9b86;
	width:125px;
	
    cursor: pointer;
    display: inline-block;
	padding-left:60px;
	height:30px;
	margin-bottom:8px;
	padding-top:16px;
	text-decoration:none;
	font-size:14px;
}
.index_left_btns:hover {text-decoration:underline; color:#52614d;}


/* 以上 首页结束 */
.left_box_shell {width:180px;float:left}
.leftmenu{ background-color:#fff; border-radius:3px; border:1px solid #e3e4df; padding-bottom:16px; } 





.tit_con{ border-left:4px solid #1969A8; padding-left:10px; margin-bottom:10px; font-size:13px;}
.form { margin-bottom:10px;}
.form li{ padding:4px 0;}
.form li label{ width:80px; display:inline-block;}
.form li b{ color:red;}
.ml_80{ margin-left:80px;}
.button_box{text-align:center; margin:20px 0;}
.textarea_box{ border:1px solid #ccc; padding:10px; overflow-y:scroll; height:50px;}

/*添加用户*/
.course_box {
    margin-bottom: 10px;
}
.course_boxtitle {
    background:#EEE;
    border: 1px solid #CCC;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.course_box ul {
	margin-left:20px;
}
.course_box li {
    line-height: 180%;
}

/*新增课程*/
.site_list {
    display: inline;
    float: left;
    margin-right:20px;
    width: 250px;
}
.site_list_select {
    height: 150px;
    width: 100%;
}
.site_info {
    border: 1px solid #CCC;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    width: 500px;
}

/*课件管理*/
.course_top_box {
    background:#D9EEFE;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px;
}
.course_guide li {
    color: #999999;
    display: inline;
}
.course_guide li a {
    color: #999999;
    display: inline;
    text-decoration: none;
}
.course_btn_common {
    height: 28px;
    margin: 0 4px;
}
.bk_leftmenu_shell {
    float: left;
    overflow: hidden;
    width: 30%;
}
.bk_course_rightmenu {
    background: #FFEDE7;
    border: 1px solid #F26C4F;
    float: left;
    height: 400px;
    overflow: auto;
    padding: 10px 10px 70px;
    width: 90%;
}
.bk_course_rightmenu_top {
    border-bottom: 1px solid #41B7D8;
    font-size: 14px;
    padding: 0 0 6px 10px;
}
.bk_course_conts {
    float: left;
    width: 70%;
}
.course_block {
    margin-bottom: 40px;
}
.course_block_tit {
    margin-bottom: 10px;
}
.course_title {
    color: #666666;
    display: inline;
    font-family: 微软雅黑;
    font-size: 14px;
    font-weight: bold;
}
.course_list {
    position: relative;
}
.corner_nr{
	border:1px solid #ccc;
    padding:10px;
	height:50px;
	min-height:50px;
	overflow:hidden;
}
.corner_nr p{
	line-height:160%;
	}
.corner_top {
    background: url(../image/cut-corner-top.png) no-repeat;
    display: block;
    height: 26px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 25px;
}
.corner_bottom{
	background:url(../image/cut-corner-bottom.png) no-repeat;
	display: block;
    height: 24px;
    right: -5px;
    position: absolute;
    bottom: -3px;
    width: 22px;
	}
.status_down{
	border:1px solid #ccc;
	border-top:none;
	margin-right:10px;
	background:#f4f4f4;
	padding:1px;
	position:relative;
	}
.btn_click{
	background:url(../image/bg_expansion.gif) no-repeat;
	overflow:hidden;
	width:160px;
	height:22px;
	line-height:22px;
	position:absolute;
	top:2px;
	right:100px;
	text-align:center;
	text-decoration:none;
	}

.status_down .ellipsis{
	background:url(../image/ellipsis.gif) no-repeat;
	text-indent: -9999px;
	height:6px;
	width:64px;
	float:left;
	margin:8px 5px 0 13px;
	display:inline;
	overflow:hidden;
}
.status_down b{
	float:left;	
	background:url(../image/arrow-down.png) no-repeat right center;
	padding-right:12px;
	font-weight:normal;
}
.status_down b.up{
	background-image:url(../image/arrow-up.png);	
}





.innumerical {
    margin-bottom: 10px;
	overflow:hidden;
}
.innumerical li {
    float: left;
    margin-right: 10px;
    width: 40px;
}



.right_top_title {border-top:2px solid #333;padding:8px 0; border-bottom:1px solid #e3e3df;margin-bottom:16px; line-height:20px;}
.newstitle h2{	color:#4C8500;font-size: 14px;font-weight: bold; line-height: 22px;text-align: center;margin:10px;	}
.newstitle h3{
	color:#666;
	font-size:12px;
    line-height: 22px;
    text-align: center;
	margin:10px;
	}
.news_pic{
	text-align:center;
	margin:10px;
	}
.news_pic img{
	border:3px solid #eee;
	padding:3px;
	}

.news_nr{
	line-height:160%;
	color:#666;
	text-indent:24px;
	margin-bottom:10px;
	}
.gray_box {
    background: #F0F0F0;
    border: 1px solid #CCC;
    line-height: 40px;
    margin-bottom:15px;
    text-align: center;
}
.rel_news {
    border-top: 2px solid #EEE;
    padding: 10px;
	overflow:hidden;
}
.rel_news ul li{
	float:left;
	}
.news_nr{
	line-height:160%;
	color:#666;
	text-indent:24px;
	margin-bottom:10px;
	}
	
.index_news_left { 
	float:left;
	width:681px; 
	background: none repeat scroll 0 0 #FEFEFE;	
	border: 1px solid #E3E4DF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 8px;
    padding: 8px;	
	overflow:hidden;
	}	
.index_news_left ul{ float:left;}	
	
.index_news_left li { line-height:28px; padding-left:20px; background:url(../image/clickandbuy.png) no-repeat 0px 10px; width:350px;}	

.index_news_right{	
	float:right;
	margin-top:10px;
	}
	
	
.list_block li{ border-bottom:1px dotted #ccc; background:url(../image/icon-2.gif) no-repeat left center; padding-left:15px;line-height:210%;}
.list_block .bgcolor{ background-color:#f5f5f5;}
.list_block li .time{ float:right; color:#999;}





/*2013.5.7 yyshan*/
.logo01_box{width:976px; border-top:4px solid #307d4f; background:url("image/logo01.jpg") no-repeat; height:250px;}
.Navigation{ margin-top:50px; float:right;}
.Navigation  a{ margin-left:-4px;}
.class_box_new li{ float:left; background:#F7F7F7; border:1px solid #D3D9CA; text-align:center; margin:0 14px;/margin:0 12px; padding:5px 15px;margin-bottom:5px;}	
.class_box_new li:hover{ border:1px solid #E7E9E0;}
.pull_right{float:right; padding:10px 0px 0 0;}	
.indexmidr{ width:268px; float:right; background:url(image/title.png) no-repeat scroll 4px 4px #FeFeFe; border:1px solid #E3E4DF; border-radius:3px;}
.kemu_top{text-align:center; font-size:14px; font-family:"微软雅黑";margin-bottom:5px; padding-top:5px;}
.kemu_top a{ color:#fff;}
.click_bu{ text-align:center; padding:10px 0;}
.kemu{font-family:"微软雅黑"; font-size:16px; text-align:center;}
.kemu ul{float:right; margin:0 0 0 0px; padding:0px; padding-right: 43px; text-align:center;}
.kemu ul li{list-style:none; background:url(image/kebg.jpg); width:182px; height:42px; line-height:40px; margin-bottom:8px; display:block;}
.kemu ul li a:link{ list-style:none; background:url(image/kebg.jpg); width:182px; height:42px; line-height:40px;  color:#333; display:block;}
.kemu ul li a:visited{ list-style:none; background:url(image/kebg.jpg); width:182px; height:42px; line-height:40px; color:#333; display:block;}
.kemu ul li a:hover{ list-style:none; background:url(image/kebg.jpg); width:182px; height:42px; line-height:40px; color:#11B1CD; text-decoration:underline;display:block;}
.kemu ul li a:active{ list-style:none; background:url(image/kebg.jpg); width:182px; height:42px; line-height:40px;  color:#333;display:block;}

/* 虚线实线 通用 */
.box_solid_top {
    padding: 5px 0;
	border-top:1px solid #ccc;
}
.box_solid_bottom {
    padding: 5px 0;
	border-bottom:1px solid #ccc;
}
.box_dotline_top {
    padding: 5px 0;
	border-top:1px dotted #ccc;
}
.box_dotline_bottom {
    padding: 5px 0;
	border-bottom:1px dotted #ccc;
}

/* 提示框 通用 宽度另设 */
.box_solid_grey {
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #dddddd;
    padding: 5px 10px;
	background-color:#f5f5f5;	
	line-height:20px;
}
.box_solid_blue {
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #bedae5;
    padding: 5px 10px;
	background-color:#ecf9ff;
	line-height:20px;	
}
.box_solid_orange {
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #e7c69d;
    padding: 5px 10px;
	background-color:#ffecce;	
	line-height:20px;
}
.box_solid_green {
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #bee082;
    padding: 5px 10px;
	background-color:#edfbd8;	
	line-height:20px;
}
.box_solid_red {
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #df8f90;
    padding: 5px 10px;
	background-color:#ffcecf;	
	line-height:20px;
}
.box_dotted_blue{
    background-color: #EEFFFF;
    border: 1px dotted #66CCCC;
    padding: 5px 10px;
}
/*  小提示框 不能放置图标*/
.box_hint_grey{
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #dddddd;
    padding:2px 4px;
	background-color:#f5f5f5;	
	}

.box_hint_orange{
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #e7c69d;
    padding:2px 4px;
	background-color:#ffecce;	
	}

.box_hint_red {
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #df8f90;
    padding:2px 4px;
	background-color:#ffcecf;	
}

.box_hint_blue {
    -moz-border-radius: 3px;
	-webkit-border-radius:3px; 
    border: 1px solid #bedae5;
    padding:2px 4px;
	background-color:#ecf9ff;	
}


/*  各种图标 配合上面的各种box 使用*/
/* 出错提示 */
.icon_cross{
	background-image: url("../css/image/cross.gif");
    background-repeat: no-repeat;
	padding-left:20px;
	color:red;
}
/* 成功提示 */
.icon_success {
	background-image: url("../css/image/tick.gif");
    background-repeat: no-repeat;
	padding-left:20px;
	color:green;
}
/* 叹号提示 */
.icon_exclamation{
    background-image: url("../css/image/exclamation.gif");
    background-repeat: no-repeat;
	padding-left:20px;
}
/* 灯泡提示 */
.icon_light_bulb{
    background-image: url("../image/lightbulb.gif");
	padding-left:20px;
    background-repeat: no-repeat;
	display:inline-block;
}
/*news 提醒，新动态*/
.new_icon {
	background: url(../css/image/new.gif) no-repeat;
	height: 20px;
	padding-left:20px;
}
/*hot 提醒，hot*/
.hot_icon {
	background: url(../image/icon.gif) no-repeat 0 -240px;
	height: 20px;
	padding-left:30px;
}
/* 面包屑箭头（灰色）*/
.breadcrumb_mo {
	background: url(../image/icon.gif) no-repeat scroll 0 -100px;
	height: 20px;
	width: 20px;
	margin-left:5px;
	float: left;
	text-indent: -999999px;
	overflow:hidden;
}
/* 面包屑icon */
.title_icon {
	background: url(../image/icon.gif) no-repeat 0 -200px;
	height: 20px;
	padding-left:20px;
}
/* 列表前图标 */
.list_b {
	background: url(../image/icon.gif) no-repeat scroll 0 -160px;
	height: 20px;
	overflow: hidden;
	padding-left: 15px;
}
/* mo 带箭头文字 链接 */
.mo_icon {
	background: url(../image/icon.gif) no-repeat scroll 0 -120px;
	color: #fe8c1a;
	padding-left:15px;
	display:inline-block;
	height:20px;
}
/* horn = 小喇叭，用于说明文字前*/
.horn_icon {
	background: url(../image/icon.gif) no-repeat scroll 0 -300px;
	height: 20px;
	padding-left:20px;
	vertical-align: middle;
}
/*向右下角指示方向绿色箭头图标*/
.fontinfo {
	vertical-align: middle;
	background: url(../image/icon.gif) no-repeat scroll 0 -140px;
	height: 20px;
	padding: 0 0 0 15px;
}
.ico_arrowrd {
	vertical-align: middle;
	background: url(../image/icon.gif) no-repeat scroll 0 -144px;
	height:12px;
	width:12px;
	display:inline-block;
}

/*  间隔线 （灰色）*/
.sheer {
	background: url(../image/icon.gif) no-repeat scroll 0 -320px;
	padding-left: 15px;
	overflow:hidden;
	height:20px;
}
/*课程显示隐藏上下图标   */
.godown {
	background: url(../image/icon.gif) no-repeat 0 -260px;
	height:20px;
	padding-left: 12px;
}

.goup {
	background: url(../image/icon.gif) no-repeat 0 -280px;
	height:20px;
	padding-left: 12px;
}
/*课程目录图标   */
.course_catalog{
	background: url(../image/icon.gif) no-repeat 0 -340px;
	height:20px;
	padding-left: 20px;
	}





/* 上页下页翻页 紧凑版  start */
.pagernumber {
	margin: 0 auto;
	text-align: right;
	color: #666;
	clear: both;
	font: 12px;
	clear: both;
	height: 25px;
	line-height: 25px;
	padding:20px 0;
}
.pagernumber a {
	color: #666;
    -moz-border-radius: 2px 2px 2px 2px;
	text-decoration: none;
    font-family: arial;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    padding: 2px 6px;
}

.pagernumber a:hover {
	color: #fff;
	text-decoration: none;
	background:#83b3f2;
}

.pagenum_cur{
	color:#fff!important;
	background:#33559b;
	}
/* 上页下页翻页 紧凑版 end */


/*---------------------------------------------------------------------------------
[ 可扩展按钮系列  Stylesheet]

Project:	DRCL CSS template : share.css
Version:	1.0
Created by:	 Mad.JonIrenicus(CSS)
----------------------------------------------------------------------------------*/

/*  蓝色系列按钮 start */
.btn_blue{ 
	background: #ECECEC url('image/css3buttons_backgrounds.png') 0 0 no-repeat; 
	background-position: 0 -40px;

	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 12px; 
	color:#fff;
	text-decoration: none; 
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

	display: inline-block; 
	padding: 6px 5px;

	white-space: nowrap; 
	overflow: visible; 
	cursor: pointer;
	border: 1px solid #388AD4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
	outline: none;
	position: relative; zoom: 1; 
	line-height: 1.11; *display: inline; *vertical-align: middle;
	}
a.btn_blue:hover, button.btn_blue:hover, input.btn_blue:focus  { background-position: 0 -81px; border-color: #347BBA; color: #FFFFFF;}
a.btn_blue:active, input.btn_blue:active, button.btn_blue:active { top: 1px; }/*  按钮按下后的效果 */
/*  蓝色系列按钮 end */

/*  红色系列按钮 start */
.btn_red{ 
	background: #ECECEC url('image/css3buttons_backgrounds.png') 0 0 no-repeat; 
	background-position: 0 -121px;

	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 12px; 
	color:#fff;
	text-decoration: none; 
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

	display: inline-block; 
	padding: 6px 5px;

	white-space: nowrap; 
	overflow: visible; 
	cursor: pointer;
	border: 1px solid #911D1B; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
	outline: none;
	position: relative; zoom: 1; 
	line-height: 1.11; *display: inline; *vertical-align: middle;
	}
a.btn_red:hover, button.btn_red:hover, input.btn_red:focus  { color: #FFFFFF; background-position: 0 -161px;border-color: #911D1B; }
a.btn_red:active, input.btn_red:active, button.btn_red:active { top: 1px ;border-color: #911D1B; }/*  按钮按下后的效果 */
/*  红色系列按钮 end */

/*  绿色系列按钮 start */
.btn_green{ 
	background: #ECECEC url('image/css3buttons_backgrounds.png') 0 0 no-repeat; 
	background-position: 0 -280px;

	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 12px; 
	color:#fff;
	text-decoration: none; 
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

	display: inline-block; 
	padding: 6px 5px;

	white-space: nowrap; 
	overflow: visible; 
	cursor: pointer;
	border: 1px solid #45BF55; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
	outline: none;
	position: relative; zoom: 1; 
	line-height: 1.11; *display: inline; *vertical-align: middle;
	}
a.btn_green:hover, button.btn_green:hover, input.btn_green:focus  { color: #FFFFFF; background-position: 0 -320px;border-color: #45BF55; }
a.btn_green:active, input.btn_green:active, button.btn_green:active { top: 1px ;border-color: #45BF55; }/*  按钮按下后的效果 */
/*  绿色系列按钮 end */


/*  灰色系列按钮 start */
.btn_grey{ 
	background: #ECECEC url('image/css3buttons_backgrounds.png') 0 0 no-repeat; 
	background-position: 0 -200px;

	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 12px; 
	color:#3C3C3D;
	text-decoration: none; 


	display: inline-block; 
	padding: 6px 5px;

	white-space: nowrap; 
	overflow: visible; 
	cursor: pointer;
	border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
	outline: none;
	position: relative; zoom: 1; 
	line-height: 1.11; *display: inline; *vertical-align: middle;
	}
a.btn_grey:hover, button.btn_grey:hover, input.btn_grey:focus  {  background-position: 0 -240px;border-color: #CACACA; }
a.btn_grey:active, input.btn_grey:active, button.btn_grey:active { top: 1px ;border-color: #CACACA; }/*  按钮按下后的效果 */
/*  灰色系列按钮 end */

/*  白色系列按钮 start */
.btn_white{ 
	background: #ECECEC url('image/css3buttons_backgrounds.png') 0 0 no-repeat; 
	background-position: 0 0px;

	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 12px; 
	color:#3C3C3D;
	text-decoration: none; 


	display: inline-block; 
	padding: 6px 5px;

	white-space: nowrap; 
	overflow: visible; 
	cursor: pointer;
	border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; 
	outline: none;
	position: relative; zoom: 1; 
	line-height: 1.11; *display: inline; *vertical-align: middle;
	}
a.btn_white:hover, button.btn_white:hover, input.btn_white:focus  { background:#e4e4e4;border-color: #CACACA; }
a.btn_white:active, input.btn_white:active, button.btn_white:active { top: 1px ;border-color: #CACACA; }/*  按钮按下后的效果 */
/*  白色系列按钮 end */

.pill{ -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px; *padding: 4px 10px; }

.btn_left{-webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; }
.btn_middle{ margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; border-left: none;}
.btn_right {-webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
.btn_serial {margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;  border-left: none;}



.btn_big { font-size: 16px; padding:4px 17px;  *padding: 4px 17px 2px 17px;}/*  大按钮效果 */

/*  可扩展按钮系列 end */


.course_btn_common {
    background-color: #41B7D8;
	border: 0 none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    padding:3px 4px;_padding:0px 4px;*padding:0px 4px;vertical-align:middle;
	cursor:pointer;
	}
.course_btn_common:hover {
    background-color: #3b9db9;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
	}	

.course_btn_orange {
    background-color: #f7941d;
	border: 0 none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    padding:3px 4px;_padding:0px 4px;*padding:0px 4px;vertical-align:middle;
	cursor:pointer;
	margin:0px 2px;
	
	}
.course_btn_orange:hover {
    background-color: #f26522;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
	}	

.course_btn_grey {
    background-color: #666;
	border: 0 none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    padding:3px 4px;_padding:0px 4px;*padding:0px 4px;vertical-align:middle;
	cursor:pointer;
	}
.course_btn_grey:hover {
    background-color: #333;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
	}
.title {
    border-bottom: 2px solid  #FE9B08;
    height: 22px;
    margin-bottom: 15px;
    padding-bottom: 2px;
}
.title ul li {
    line-height: 20px;
    margin-left: 5px;
    text-align: center;
	font-size: 13px;
}

.icon {
    background: url("../image/arrow.png") no-repeat  scroll  transparent;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
	margin-left: 5px;
	margin-top: 2px;
}
.message_box {
	background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #E3E4DF;
	border-radius: 3px 3px 3px 3px;
    margin: 0 auto;
    padding: 20px;
    width: 95%;
}	
.form_list {
    margin-bottom: 10px;
    overflow: hidden;
}
.form_list label {
    display: inline-block;
    width: 100px;
}
.form_list li {
    padding: 7px 0;
}
.form_list b {
    color: red;
}
.ml_100 {
    margin-left: 100px;
}
.button01 {
    background: url("../image/btn.gif") no-repeat scroll -150px 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    vertical-align: middle;
    width: 70px;
}
.newslist {
	background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #E3E4DF;
	border-radius: 3px 3px 3px 3px;
    float: left;
    margin-bottom: 10px;
    padding: 0 5px;
    width: 700px;
	
}
.newslist ul li {
    border-bottom: 1px dotted #E3E4DF;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    width: 698px;
}
.newslist ul li a {
    background: url("../image/icon.gif") no-repeat scroll -90px -76px transparent;
    padding-left: 20px;
}
#pager_div{
	margin-top: 5px;
	margin-bottom: 5px;
	float:right;
}
.pagin a, .pagin span {
    border: 1px solid #E3E4DF;
    float: left;
    font-family: arial;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    overflow: hidden;
    padding: 3px 10px;
}
.pagin .text, .pagin .current {
    border: medium none;
    padding: 4px 11px;
}
.pagin a:link, .pagin a:visited {
    color: #FE9B08;
}
.pagin a:hover, .pagin a:active {
    background: none repeat scroll 0 0 #FE9B08;
    color: #FFFFFF;
    text-decoration: none;
}
.pagin .current, .pagin .current:link, .pagin .current:visited {
    color: #FE9B08;
    font-weight: bold;
}

.detailbox {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #E3E4DF;
    border-radius: 3px 3px 3px 3px;
    min-height: 355px;
    padding: 10px;
}
.news_h {
    border-bottom: 1px solid #E3E4DF;
    height: 20px;
    margin-bottom: 10px;
    padding: 3px 2px 5px;
}
.newstitle {
    border-bottom: 1px dotted #E3E4DF;
    margin-bottom: 15px;
    text-align: center;
}
.summary {
    color: #999999;
    text-align: center;
}
.news_fonttitle {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}
.newstitle p {
    margin: 15px;
}
.news_details_img {
    margin: 15px;
    text-align: center;
}
.news_details_img img {
    border: 1px solid #EFEFEF;
    padding: 4px;
}
.news_details_con {
    font-size: 12px;
    line-height: 160%;
    text-indent: 24px;
}
.nobody {
    background: none repeat scroll 0 0 transparent;
    height: 100%;
}
.error-pages {
    background: url("image/handmadepaper.png") repeat scroll 0 0 transparent;
    display: inline-table;
    height: 100%;
    width: 100%;
}
.error-pages .con {
    display: table-cell;
    text-align: center;
    top: 50%;
    vertical-align: middle;
}
.error-pages .info {
    font: 22px microsoft yahei;
    margin: 40px 0 20px;
}



	
